import Home from '@/views/Home'
import Search from '@/views/Search'
import NotFound from '@/views/NotFound'  
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter) // VueRouter插件初始化

// 创建了一个路由对象
const router = new VueRouter({
  // ! mode:'hash',  //默认hash 带#
  // ! history(常用)  一旦采用了history模式，地址栏就不带#，需要后台配置访问规则
  mode:'history',  
  routes: [
    // ! 路由重定向 就是页面一打开，要显示的页面
    {path:'/',redirect:'/home'},
    { path: '/home', component: Home },
    { name:'search', path: '/search/:key?', component: Search },
    // ! 路由404 必须加在所有路径的最后面，只有前面都找不到，才会执行404
    { path:'*' , component: NotFound}
  ]
})

export default router